import React, { Component } from 'react';
class SvgRight extends Component {

    render() {
        return (
            <div id='rightSvgId'>

                <svg width="100%" height="675px" style={{ position: 'relative' }}>


                    {[180, 160, 140, 120, 100, 80, 60, 40].map((item, index) => {
                        let ele_px = 15 * 5;
                        let indexPx = index + 1;
                        let h_px = ele_px * indexPx;
                        return (
                            <line key={'right' + index} x1="0" y1={h_px} x2="10" y2={h_px} className='lineLeft' />

                        )
                    })}

                    {[180, 160, 140, 120, 100, 80, 60, 40].map((item, index) => {
                        let ele_px = 15 * 5;
                        let indexPx = index + 1;
                        let h_px = ele_px * indexPx + 3;
                        return (
                            <text key={'right1' + index} x="13" y={h_px} value={item} >{item + '次/分'}</text>

                        )
                    })}

                </svg>
            </div>
        );
    }
}

export default SvgRight;